require('./Rollitem.styl');
const { Boxs, Badge, Icon } = SaltUI;
const { HBox, Box } = Boxs;
const classNames = require('classnames')
const Rollitem = (props) => {
    return (
        <div className="rollitem">
            <HBox vAlign="center">
                <Box flex={3}>
                    {props.times ? <Icon name="note-round" fill="#E20000" width={15} height={15} />
                        : <Badge dot >
                            <div></div>
                        </Badge>}
                    <span className={classNames("t-ML20 ", { "t-ML34": !props.times })}>{props.title}</span>
                    <span className="t-ML30">{props.date}</span>
                </Box>
                <Box flex={1} className="t-FAC t-MR10">
                    <Badge text={props.badge_text} className={classNames({ "badge-color": props.badge_text && props.badge_text.includes('已') })} overflowCount >
                        <div ></div>
                    </Badge>
                </Box>
            </HBox>

        </div>);
}
module.exports = Rollitem;
